<!-- filepath: frontend/src/pages/TestReport.vue -->
<template>
    <div>
      <el-page-header content="测试执行与报告" />
      <el-card>
        <el-button type="primary" @click="runAll">批量执行</el-button>
        <el-table :data="results">
          <el-table-column prop="testCaseId" label="用例ID" />
          <el-table-column prop="status" label="状态" />
          <el-table-column prop="duration" label="耗时(ms)" />
          <el-table-column prop="error" label="错误信息" />
        </el-table>
        <el-progress :percentage="progress" />
      </el-card>
    </div>
  </template>
  <script lang="ts" setup>
  import { ref } from 'vue';
  const results = ref([]);
  const progress = ref(0);
  async function runAll() {
    // 调用后端批量执行接口
    // 更新results和progress
  }
  </script>